<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>漯河民政</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="keywords" content="">
		<meta name="Description" content="" />
		<link rel="shortcut icon" type="image/ico" href="favicon.ico">
		<link rel="stylesheet" href="../assets/css/common.css" />
		<link rel="stylesheet" href="../assets/css/work.css">
		<script src="../assets/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body class="index">
		<!--公共头部部分-->
		<!--header start-->
		<div class="header">
			<img src="../assets/img/logo.png" class="logo" alt="漯河民政" />
			<img src="../assets/img/top_text.png" class="txt1" alt="" />
		</div>
		<!--header end-->
		<!--内容区域-->
		<div class="nav">
			<ul class="clearfix">
				<li>
					<a href="index.html">首页</a>
				</li>
				<li>
					<a href="index.html">个人办事</a>
				</li>
				<li>
					<a href="index.html">法人办事</a>
				</li>
				<li>
					<a href="index.html">权力公示</a>
				</li>
				<li>
					<a href="index.html">便民服务</a>
				</li>
			</ul>
		</div>
		<div class="main clearfix">
			<div class="top clearfix">
				<img class="pos" src="../assets/img/posi.png" alt="" /> 您当前所在位置 : 首页 > 个人办事
				<div class="sear">
					<input type="text" placeholder="请输入关键字或查件编号" />
					<div class="btn_seh"><img src="../assets/img/icon_search.png" alt="" /></div>
				</div>
			</div>
			<div class="article">
				<div class="title">
					<div class="t1 clearfix">
						<label class="l1">社会组织</label>
						<label class="l2">办理科室：社会救助科</label>
					</div>
					<div class="t2">
						<ul class="clearfix">
							<li class="cur">基本信息</li>
							<li>材料与表格</li>
							<li>受理条件</li>
							<li>办理流程</li>
							<li>常见问题</li>
						</ul>
					</div>
					<div class="t3">
						<img src="../assets/img/icon_work.png" alt="" />
						<p>在线办理</p>
					</div>
				</div>
				<div class="list">
					<ul>
						<li>
							<label class="lb1">婚姻登记</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">收养登记</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">社会工作者登记</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">退役士兵复员</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">为老服务</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">殡仪服务</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">军休工作</label>
							<label class="lb2">在线办理</label>
						</li>
						<li>
							<label class="lb1">区划地图</label>
							<label class="lb2">在线办理</label>
						</li>

					</ul>
				</div>
				<!--分页-->
				<div class="M-box"></div>
			</div>
		</div>
		<!--公共底部-->
		<!--bottom start-->
		<footer>
			<div class="con">
				<img src="../assets/img/btm_pic1.png" class="btm_left" alt="" />
				<div class="cen">
					<p>Copyright© 备案序号： 豫ICP备13016146号-1</p>
					<p>网站标识码：CA172610000603756470001<em></em>公安机关备案：*****************号</p>
					<p>漯河市民政局主办　站点地图　电话：0395-3159598</p>
				</div>
				<img src="../assets/img/btm_pic3.png" class="btm_right" alt="" />
			</div>
		</footer>
		<!--bottom end-->
		<link rel="stylesheet" href="../assets/js/pagination/pagination.css">
    	<script src="../assets/js/pagination/jquery.pagination.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {
				$('.t2 ul li').on('click', function() {
					$(this).addClass('cur').siblings().removeClass('cur');
				})

				//分页
				$('.M-box').pagination({
						totalData: 100,
						showData: 5,
						coping: true
					}
					// pageCount：总页数（默认值：9）
					// totalData：数据总条数（默认值：0）
					// showData：每页展示条数（默认值：0）
					// current：当前第几页（默认值：1）
					// prevCls：上一页class样式（默认值：'prev'）
					// nextCls：下一页class样式（默认值：'next'）
					// prevContent：上一页节点内容（默认值：'<'）
					// nextContent：下一页节点内容（默认值：'>'）
					// activeCls：当前选中样式（默认值：'active'）
					// count：当前页前后页数（默认值：3）
					// coping：是否开启首页尾页（默认值：false）
					// homePage：首页节点内容（默认值：1）
					// endPage：尾页节点内容（默认值：当前最大页数）
					// callback()：回调函数
				);
			})
		</script>
	</body>

</html>